<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/taobao.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2837357_s8u3n2x8ame.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2841007_tqrg2us3cb.css">
    <script src="../js/cookie.js"></script>
    <script src="../js/jquery.js"></script>
    <script src="../js/promise封装ajax.js"></script>
</head>

<body style="background-color:#eae8eb">
    <div class="site-nav">
        <div class="site-nav-bd">
            <ul class="site-nav-bd-1">
                <li class="site-tb">
                    <div>
                        <span> <a href="">中国大陆</a> </span>
                        <span class="iconfont icon-xiangxia"></span>
                    </div>
                </li>
                <li class="menu">
                    <!-- <div> -->
                    <a href="../html/login.html">亲,请登录o</a>
                    <a href="./register.html">免费注册</a>

                    <!-- </div> -->
                </li>
                <li class="menu-mobile"> <a href="#">手机逛淘宝</a> </li>
            </ul>
            <ul class="site-nav-bd-2">

                <li class="menu-my-taobao">
                    <div class="menu-taobao">
                        <a href="#">我的淘宝</a>
                        <span class="iconfont icon-xiangxia"></span>
                    </div>

                    <div class="menu-bd-panel">
                        <a href="#">已买到的宝贝</a>
                        <a href="#">我的足迹</a>
                        <a href="#">爱逛街 </a>
                        <a href="#">淘宝达人</a>
                        <a href="#">新欢</a>
                    </div>

                </li>
                <li><span class="iconfont icon-gouwuche"></span><a href="#" class="gouwu">购物车</a> <span class="iconfont icon-xiangxia"></span></li>
                <li class="menu-sc"><span class="iconfont icon-collection"></span><a href="#">收藏夹</a> <span class="iconfont icon-xiangxia"></span>
                    <div class="menu-bd-panel">
                        <a href="#">收藏的宝贝</a>
                        <a href="">收藏的店铺</a>

                    </div>
                </li>
                <li class="menu-home">
                    <div class="menu-hd"><a href="taobao.html" class="h">免费开店</a></div>
                </li>
                <li>商品分类</li>
                <li>|</li>
                <li class="menu-m"><a href="">卖家中心</a> <span class="iconfont icon-xiangxia"></span>
                    <div class="menu-bd-panel">
                        <a href="#">免费开店</a>
                        <a href="">已卖出的宝</a>
                        <a href="">未卖出的宝</a>

                    </div>
                </li>
                <li class="menu-l"><a href="">联系客服</a> <span class="iconfont icon-xiangxia"></span>
                    <div class="menu-bd-panel">
                        <a href="#">消费者客户</a>
                        <a href="">卖家客服</a>

                    </div>
                </li>
                <li class="daohanglan"><a href="">网址导航</a> <span class="iconfont icon-xiangxia"></span>
                    <div class="daohang">
                        <div class="daoone">
                            <h3>主题市场</h3>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>

                        </div>
                        <div class="daoone">
                            <h3>主题市场</h3>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>


                        </div>
                        <div class="daoone">
                            <h3>主题市场</h3>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>


                        </div>
                        <div class="daoone">
                            <h3>主题市场</h3>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>男装</li>
                                <li>内衣</li>
                                <li>鞋子</li>
                            </ul>


                        </div>
                    </div>
                </li>
            </ul>
        </div>

    </div>

    <div class="cupj">
        <div class="cup-top">
            <div class="cup-cen clear">
                <div class="log">

                </div>
                <div class="cot">
                    <div class="cot-input">
                        <span>宝贝
                            <i class="iconfont icon-xiangxia"></i>
                        </span>
                        <input type="text" placeholder="请输入你要搜索的宝贝" style="outline:none">
                        <button class="ss">搜索</button>
                    </div>
                    <p><span> <a href="">短裤</a> </span><span>时尚连衣裙</span><span>短裤</span><span>时尚连衣裙</span><span>短裤</span><span>时尚连衣裙</span><span>短裤</span><span>时尚连衣裙</span><span>短裤</span><span>时尚连衣裙</span></p>
                </div>
            </div>
        </div>
    </div>

    <div class="cont-nav">
        <div class="cont-navx">
            <h3><a href="">主题市场</a> </h3>
            <div>
                <ul>
                    <li> <a href="">天猫</a> </li>
                    <li>
                        <a href="">聚划算</a> </li>
                    <li>
                        <a href="">天猫超市</a> </li>
                    <li>|</li>
                </ul>
                <ul>
                    <li>
                        <a href="">司法拍卖</a> </li>
                    <li>
                        <a href="">飞猪旅行</a> </li>
                    <li>
                        <a href="">天天特卖</a> </li>
                    <li>|</li>
                </ul>
                <ul>
                    <li>
                        <a href="">造点新货</a> </li>
                    <li>
                        <a href=""> 苏宁易购</a></li>
                    <li>
                        <a href="">淘宝心选</a> </li>
                    <li>
                        <a href="">智能生活</a> </li>
                </ul>
            </div>

        </div>
    </div>

    <div class="srceen-outer clear">
        <div class="main clear">
            <div class="main-left">
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a>
                    </li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a></li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                                <li><a href="">鞋子</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a></li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                                <li><a href="">手表</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a></li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a></li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a></li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a></li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a></li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a></li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a></li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a></li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a></li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a></li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a></li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>
                <ul class="clear">
                    <li><a href="">手表</a><span>/</span></li>
                    <li><a href="">眼镜</a><span>/</span></li>
                    <li><a href="">珠宝饰品</a></li>
                    <div class="divs">
                        <div class="divleft">
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                            <h3>服配</h3>
                            <ul class="clear">
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                                <li><a href="">棒球帽</a></li>
                            </ul>
                        </div>
                        <div class="divright">
                            <p>猜你喜欢</p>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                            <div>
                                <a href=""><img src="https://img.alicdn.com/bao/uploaded/i1/TB1jxDiTRLoK1RjSZFuSutn0XXa.jpg" alt=""></a>
                            </div>
                        </div>

                    </div>
                </ul>

            </div>
            <div class="main-cot">
                <div class="lunboone">
                    <div class="left">
                        <span class="iconfont icon-xiangzuo"></span>
                    </div>
                    <div class="right">
                        <span class="iconfont icon-xiangyou1"></span>
                    </div>
                    <ul class="dotBar">
                        <li class="active"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <div class="ddd">

                        <ul class="swiperBar cl">
                            <li><img src="https://img.alicdn.com/imgextra/i4/6000000006079/O1CN01UgldDg1umEO3UOIDC_!!6000000006079-0-octopus.jpg" alt=""></li>
                            <li><img src="https://gtms03.alicdn.com/tps/i3/TB1gXd1JXXXXXapXpXXvKyzTVXX-520-280.jpg" alt=""></li>
                            <li><img src="https://gtms01.alicdn.com/tps/i1/TB1r4h8JXXXXXXoXXXXvKyzTVXX-520-280.jpg" alt=""></li>
                            <li><img src="https://gtms02.alicdn.com/tps/i2/TB10vPXKpXXXXacXXXXvKyzTVXX-520-280.jpg" alt=""></li>
                            <li><img src="https://img.alicdn.com/imgextra/i1/6000000004654/O1CN019QWoRk1kFZzbFTA7X_!!6000000004654-0-octopus.jpg" alt=""></li>
                            <li><img src="https://img.alicdn.com/imgextra/i4/6000000006079/O1CN01UgldDg1umEO3UOIDC_!!6000000006079-0-octopus.jpg" alt=""></li>
                        </ul>

                    </div>

                </div>
                <p><span class="iconfont icon-tianmao"></span><a href="">理想生活上天猫</a></p>
                <div class="lunbotwo">
                    <a href=""><img src="https://img.alicdn.com/imgextra/i4/6000000007211/O1CN01I3JoGs238gjloa0pT_!!6000000007211-0-octopus.jpg_240x240q90.jpg" alt=""></a>
                    <a href=""><img src="https://img.alicdn.com/imgextra/i1/6000000003830/O1CN01nHVbZi1eABdcgKEap_!!6000000003830-0-octopus.jpg_240x240q90.jpg" alt=""></a>
                </div>
            </div>
            <div class="main-ri">
                <div class="main-ri-one">
                    <a href=""><img src="https://img.alicdn.com/imgextra/i4/6000000002436/O1CN01X98O2X1TrjWIehwR7_!!6000000002436-0-octopus.jpg_290x290q90.jpg_.webp" alt=""></a>
                </div>
                <h5>今日特卖</h5>
                <div class="main-ri-two">
                    <a href=""><img src="https://aecpm.alicdn.com/simba/img/TB1j4LLKpXXXXcbaXXXSutbFXXX.jpg" alt=""></a>
                </div>
            </div>
        </div>
        <div class="lor-right">
            <div>
                <div class="avatar-wrapper">
                    <a class="J_MemberHome member-home" href="javascript:;" target="_self">
                        <img class="J_MemberAvatar member-avatar" src="//wwc.alicdn.com/avatar/getAvatar.do?userNick=&amp;width=50&amp;height=50&amp;type=sns&amp;_input_charset=UTF-8">
                    </a>

                </div>
                <p>HI!你好</p>
            </div>
            <p class="mou"><a href="">领淘金币抵钱</a><a href="">会员俱乐部</a></p>
            <div class="ember clear">
                <a href="">登录</a>
                <a href="">注册</a>
                <a href="">开店</a>
            </div>
            <div class="imgs">
                <img src="https://img.alicdn.com/imgextra/i3/O1CN01giZLk91hiwVnt0IeQ_!!6000000004312-0-tps-540-120.jpg" alt="">
            </div>
            <div class="gonggao">
                <ul>
                    <a href="">公告</a>
                    <a href="">规则</a>
                    <a href="">安全</a>
                    <a href="">公益</a>
                    <a href="">千牛</a>
                </ul>
                <p>关于全面降低淘宝网卖家收款服务费率的公告</p>
            </div>
            <div class="conve">
                <ul class="clear">
                    <li><a href=""><span class="iconfont icon-dianying"></span><p>电影</p></a></li>
                    <li><a href=""><span class="iconfont icon-dianying"></span><p>电影</p></a></li>
                    <li><a href=""><span class="iconfont icon-dianying"></span><p>电影</p></a></li>
                    <li><a href=""><span class="iconfont icon-dianying"></span><p>电影</p></a></li>

                    <li><a href=""><span class="iconfont icon-dianying"></span><p>电影</p></a></li>
                    <li><a href=""><span class="iconfont icon-dianying"></span><p>电影</p></a></li>
                    <li><a href=""><span class="iconfont icon-dianying"></span><p>电影</p></a></li>
                    <li><a href=""><span class="iconfont icon-dianying"></span><p>电影</p></a></li>
                </ul>
            </div>
            <div class="apps">
                <h3>阿里app</h3>
                <ul>
                    <a href=""><img src=""
                            alt=""></a>
                    <a href=""><img src=""
                            alt=""></a>
                    <a href=""><img src=""
                            alt=""></a>
                    <a href=""><img src=""
                            alt=""></a>
                    <a href=""><img src=""
                            alt=""></a>

                </ul>
            </div>

        </div>
    </div>

    <div class="tbh-goods clear">
        <div class="goods">
            <h3> <span>有好货</span> <img class="mlogo fl" src="//img.alicdn.com/imgextra/i1/O1CN01EjcAPM25IsjiwGyYs_!!6000000007504-2-tps-65-20.png" title="有好货"></h3>
            <ul>
                <li>
                    <a href=""><img src="//img.alicdn.com/tfscom/TB2NUe4tVXXXXc5XpXXXXXXXXXX_!!0-dgshop.jpg_180x180xzq90.jpg_.webp" alt=""></a>
                    <p>同车同伴车载头枕腰靠一路行车同车同伴车载头</p>
                </li>
                <li>
                    <a href=""><img src="//img.alicdn.com/imgextra/i1/346761511/TB2jxRAfilnpuFjSZFgXXbi7FXa_!!346761511-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" alt=""></a>
                    <p>同车同伴车载头枕腰靠一路行车同车同伴车载头</p>
                </li>
                <li>
                    <a href=""><img src="//img.alicdn.com/tfscom/TB2NUe4tVXXXXc5XpXXXXXXXXXX_!!0-dgshop.jpg_180x180xzq90.jpg_.webp" alt=""></a>
                    <p>同车同伴车载头枕腰靠一路行车同车同伴车载头</p>
                    <p></p>
                </li>
                <li>
                    <a href="#"><img src="//img.alicdn.com/imgextra/i1/346761511/TB2jxRAfilnpuFjSZFgXXbi7FXa_!!346761511-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" alt=""></a>
                    <p>同车同伴车载头枕腰靠一路行车同车同伴车载头</p>
                </li>
                <li>
                    <a href="#"><img src="//img.alicdn.com/imgextra/i1/346761511/TB2jxRAfilnpuFjSZFgXXbi7FXa_!!346761511-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp" alt=""></a>
                    <p>同车同伴车载头枕腰靠一路行车同车同伴车载头</p>
                </li>
            </ul>
        </div>

    </div>

    <div class="sale-tbh">
        <div class="j-sale">
            <ul>
                <li>
                    <a href="#"><img src="https://gtms01.alicdn.com/tps/i1/TB12EhzIXXXXXbMXpXXDgwcQVXX-375-130.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://gtms02.alicdn.com/tps/i2/TB1ZeJGIXXXXXcnXXXXDgwcQVXX-375-130.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#"><img src="https://gtms03.alicdn.com/tps/i3/TB197VzIXXXXXbJXpXXDgwcQVXX-375-130.jpg" alt=""></a>
                </li>
            </ul>
        </div>
    </div>

    <div class="noblue">
        <div class="contss">
            <div class="contents">
                <h3> <span>猜你喜欢</span> <img class="mlogo fl" src="//img.alicdn.com/imgextra/i3/O1CN01x0HokP1RvHJCaEcuY_!!6000000002173-2-tps-65-20.png" title="猜你喜欢"></h3>
            </div>
            <div class="list-cx">
                <!-- <div class="searchBox">
                    <input type="text" class="searchCon">
                    <button class="searchBtn">搜索</button>
                </div> -->
                <div class="orderBox">
                    <!-- 排序的类型  升序 / 降序 -->
                    <div class="orderTypeBox">
                        <label>
                            价格从低到高
                            <input type="radio" name="orderType" class="orderType" checked value="asc">
                        </label>
                        <label>
                            价格从高到低
                            <input type="radio" name="orderType" class="orderType" value="desc">
                        </label>
                    </div>
                </div>
            </div>
            <div class="matter clear">

                <!-- <div class="item">
                    <a href=""><img src="https://img.alicdn.com/bao/uploaded/i3/2209932834272/O1CN01XHgJ8l1hQcgsyNS9r_!!0-item_pic.jpg_200x200q90.jpg_.webp" alt=""></a>
                    <h4>408张抽纸30大包纸巾整箱家用实惠装餐巾纸擦手卫生纸面巾纸婴儿</h4>
                    <p class="price"><em>￥</em><span>12.9</span></p>
                </div>
                <div class="item">
                    <a href=""><img src="https://img.alicdn.com/bao/uploaded/i3/2209932834272/O1CN01XHgJ8l1hQcgsyNS9r_!!0-item_pic.jpg_200x200q90.jpg_.webp" alt=""></a>
                    <h4>408张抽纸30大包纸巾整箱家用实惠装餐巾纸擦手卫生纸面巾纸婴儿</h4>
                    <p class="price"><em>￥</em><span>12.9</span></p>
                </div>
                <div class="item">
                    <a href=""><img src="https://img.alicdn.com/bao/uploaded/i3/2209932834272/O1CN01XHgJ8l1hQcgsyNS9r_!!0-item_pic.jpg_200x200q90.jpg_.webp" alt=""></a>
                    <h4>408张抽纸30大包纸巾整箱家用实惠装餐巾纸擦手卫生纸面巾纸婴儿</h4>
                    <p class="price"><em>￥</em><span>12.9</span></p>
                </div>
                <div class="item">
                    <a href=""><img src="https://img.alicdn.com/bao/uploaded/i3/2209932834272/O1CN01XHgJ8l1hQcgsyNS9r_!!0-item_pic.jpg_200x200q90.jpg_.webp" alt=""></a>
                    <h4>408张抽纸30大包纸巾整箱家用实惠装餐巾纸擦手卫生纸面巾纸婴儿</h4>
                    <p class="price"><em>￥</em><span>12.9</span></p>
                </div>
                <div class="item">
                    <a href=""><img src="https://img.alicdn.com/bao/uploaded/i3/2209932834272/O1CN01XHgJ8l1hQcgsyNS9r_!!0-item_pic.jpg_200x200q90.jpg_.webp" alt=""></a>
                    <h4>408张抽纸30大包纸巾整箱家用实惠装餐巾纸擦手卫生纸面巾纸婴儿</h4>
                    <p class="price"><em>￥</em><span>12.9</span></p>
                </div>
                <div class="item">
                    <a href=""><img src="https://img.alicdn.com/bao/uploaded/i3/2209932834272/O1CN01XHgJ8l1hQcgsyNS9r_!!0-item_pic.jpg_200x200q90.jpg_.webp" alt=""></a>
                    <h4>408张抽纸30大包纸巾整箱家用实惠装餐巾纸擦手卫生纸面巾纸婴儿</h4>
                    <p class="price"><em>￥</em><span>12.9</span></p>
                </div> -->


            </div>
            <div class="pageBox">
                <button class="prev">上一页</button>
                <span class="pageTips"></span>
                <button class="next">下一页</button>
            </div>
            <div class="end">
                <i class="iconfont icon-henggang"></i> <span>END</span><i class="iconfont icon-henggang"></i>
            </div>
            <div class="helper">
                <div class="wrop">

                    <ul>
                        <li>
                            <h4>
                                <i class="iconfont icon-anquan"></i>
                                <span>消费者保障</span>
                            </h4>
                            <a href="#">保障范围</a>
                            <a href="#">退货退款流程</a>
                            <a href="#">服务中心</a>
                            <a href="#">更多特色服务</a>
                            <a href="#">更多特色服务</a></li>
                        <li>
                            <h4>
                                <i class="iconfont icon-anquan"></i>
                                <span>消费者保障</span>
                            </h4>
                            <a href="#">保障范围</a>
                            <a href="#">退货退款流程</a>
                            <a href="#">服务中心</a>
                            <a href="#">更多特色服务</a>
                            <a href="#">更多特色服务</a></li>
                        <li>
                            <h4>
                                <i class="iconfont icon-anquan"></i>
                                <span>消费者保障</span>
                            </h4>
                            <a href="#">保障范围</a>
                            <a href="#">退货退款流程</a>
                            <a href="#">服务中心</a>
                            <a href="#">更多特色服务</a>
                            <a href="#">更多特色服务</a></li>
                        <li>
                            <h4>
                                <i class="iconfont icon-anquan"></i>
                                <span>消费者保障</span>
                            </h4>
                            <a href="#">保障范围</a>
                            <a href="#">退货退款流程</a>
                            <a href="#">服务中心</a>
                            <a href="#">更多特色服务</a>
                            <a href="#">更多特色服务</a></li>

                    </ul>
                </div>

            </div>
        </div>
    </div>

    <div class="footer-ft">
        <div class="footer">
            <div class="footer-hd">
                <p><span><a href="#" rel="noopener noreferrer">阿里巴巴集团</a></span><b>|</b>
                    <span><a href="#" >淘宝网</a></span><b>|</b>
                    <span><a href="#" >天猫</a></span><b>|</b>
                    <span><a href="" rel="">聚划算</a></span><b>|</b>
                    <span><a href="https://www.aliexpress.com/" rel="noopener noreferrer">全球速卖通</a></span><b>|</b>
                    <span><a href="https://www.alibaba.com/" rel="noopener noreferrer">阿里巴巴国际交易市场</a></span><b>|</b>
                    <span><a href="https://www.1688.com/" rel="noopener noreferrer">1688</a></span><b>|</b>
                    <span><a href="https://www.alimama.com/index.htm" rel="noopener noreferrer">阿里妈妈</a></span><b>|</b>
                    <span><a href="https://www.fliggy.com/" rel="noopener noreferrer">飞猪</a></span><b>|</b>
                    <span><a href="https://taoxiaopu.taobao.com/" rel="noopener noreferrer">淘小铺</a></span><b>|</b>
                    <span><a href="https://www.aliyun.com/" rel="noopener noreferrer">阿里云计算</a></span><b>|</b>
                    <span><a href="https://www.alios.cn/" rel="noopener noreferrer">AliOS</a></span><b>|</b>
                    <span><a href="https://aliqin.tmall.com/" rel="noopener noreferrer">阿里通信</a></span><b>|</b>
                    <span><a href="https://www.etao.com/" rel="noopener noreferrer">一淘</a></span><b>|</b>
                    <span><a href="https://wanwang.aliyun.com/" rel="noopener noreferrer">万网</a></span><b>|</b>
                    <span><a href="https://mobile.amap.com/" >高德</a></span><b>|</b>
                    <span><a href="https://www.uc.cn/" >UC</a></span><b>|</b>
                    <span><a href="https://www.umeng.com/" >友盟</a></span><b>|</b>
                    <span><a href="https://s.alibaba.com/?scene=clinks" >阿里安全</a></span><b>|</b>
                    <span><a href="https://www.damai.cn/" >大麦网</a></span><b>|</b>
                    <span><a href="https://www.dingtalk.com/?lwfrom=20150130160830727" >钉钉</a></span><b>|</b>
                    <span><a href="https://www.alipay.com" >支付宝</a></span><b>|</b>
                    <span><a href="https://www.youku.com/" rel="noopener noreferrer">优酷</a></span><b>|</b>
                    <span><a href="https://www.tudou.com/" >土豆</a></span><b>|</b>
                    <span><a href="https://www.alihealth.cn/">阿里健康</a></span><b>|</b>
                    <span><a href="">阿里影业</a></span><b>|</b><span><a href="">网商银行</a></span></p>
            </div>
            <div class="footer-bd">
                <p><span> 
                    <a href="javascript:;">关于淘宝</a>
                 </span>
                    <span>
                    <a href="javascript:;">合作伙伴</a>
                 </span>
                    <span>
                    <a href="javascript:;">营销中心</a>
                 </span>
                    <span>
                    <a href="javascript:;">廉正举报</a>
                 </span>
                    <span>
                    <a href="javascript:;">诚征英才</a>
                 </span>
                    <span>
                    <a href="javascript:;">联系我们</a>
                 </span>
                    <span>
                    <a href="javascript:;">网站地图</a>
                 </span>
                    <span>
                    <a href="javascript:;">隐私权政策</a>
                 </span>
                    <span>
                    <a href="javascript:;">法律声明</a>
                 </span>
                    <span> 
                     <a href="javascript:;">知识产权</a></span>
                    <b>
                         |
                     </b>
                    <em>
                    © 2003-现在 Taobao.com 版权所有
                 </em>

                </p>
                <p>
                    <span><a href="javascript:;" rel="noopener noreferrer">增值电信业务经营许可证：浙B2-20080224</a></span>
                    <b>|</b>
                    <span>
                        <a href="javascript:;" rel="noopener noreferrer">增值电信业务经营许可证（跨地区）： B2-20150210</a>
                     </span>

                    <b>|</b>
                    <span>
                        <a href="javascript:;" rel="noopener noreferrer">浙网文（2019）1033-086号</a>
                      </span>

                    <b>|</b>
                    <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</span>
                </p>
                <p>
                    <span>互联网药品信息服务资格证书（浙）-经营性-2018-0010</span>
                    <b>|</b>
                    <span>短消息类服务接入代码使用证书：号【2016】00154-A01</span>
                    <b>|</b>
                    <span>信息网络传播视听许可证：1109364号</span>
                    <b>|</b>
                    <span>出版物网络交易平台服务经营备案号：新出发浙备字第002号</span>
                </p>
                <p>
                    <span>
                        <a href="javascript:;">
                          <span class="tb-footer-mod" ></span>浙公网安备 33010002000078号</a>
                    </span>
                    <b>|</b>
                    <span><a href="javascript:;">浙B2-20080224-1</a></span>
                    <b>|</b>
                    <span>广播电视节目制作经营许可证（浙）字第01012号</span>
                    <b>|</b>
                    <span>市场名称登记证：工商网市字3301004120号</span>
                    <b>|</b>
                    <span>医疗器械网络交易服务第三方平台备案(浙)网械平台备字[2018</span>

                </p>
            </div>
            <div class="footer-ff">
                <a target="_blank" href="http://www.pingpinganan.gov.cn/" rel="noopener noreferrer" style="margin-left:15px; display:inline-block; background-position:0px 0px; width:36px; height:40px;  background-image: url(http://img.alicdn.com/tps/i1/T1FeW3XXNfXXXXXXXX-36-36.gif);">
                </a>
                <a target="_blank" href="http://idinfo.zjamr.zj.gov.cn//bscx.do?method=lzxx&amp;id=3301843301002003002431" class="tb-footer-mod" rel="noopener noreferrer" style="margin-left:15px; display:inline-block; height: 40px; background-position:0px 0px; width:30px; background-image: url(https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg);">
                </a>
                <a target="_blank" href="http://idinfo.zjaic.gov.cn/bscx.do?spm=1.7274553.1997523009.29.alN7ce&amp;method=hddoc&amp;id=33018400000067" class="tb-footer-mod" rel="noopener noreferrer" style="background-position:-40px 0px; width:33px; margin-left:15px; display:inline-block; height: 40px; background-image: url(https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg);">
                </a>
                <a target="_blank" href="http://www.theclimategroup.org.cn/about/friend?spm=1.7274553.1997523009.30.alN7ce" class="tb-footer-mod" rel="noopener noreferrer" style="background-position:-80px 0px; width:50px; margin-left:15px; display:inline-block; height: 40px; background-image: url(https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg);">
                </a>
                <a target="_blank" href="https://ss.knet.cn/verifyseal.dll?spm=1.7274553.1997523009.31.alN7ce&amp;&amp;sn=2010062300100001357&amp;pa=20100701" class="tb-footer-mod" rel="noopener noreferrer" style="background-position:-140px 0px; width:83px; margin-left:15px; display:inline-block; height: 40px; background-image: url(https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg);">
                </a>
                <a target="_blank" href="http://report.12377.cn:13225/toreportinputNormal_anis.do?spm=a2107.1.0.0.442511d9YkgrEA&amp;file=toreportinputNormal_anis.do" class="tb-footer-mod" rel="noopener noreferrer" style="background-position:0px -18px; width:250px; background-image: url(https://img.alicdn.com/tfs/TB1N7kwRVXXXXbAapXXXXXXXXXX-500-127.png_250x250); margin-left:15px; display:inline-block; height: 40px;"
                    data-spm-anchor-id="a2107.1.0.0">
                </a>
                <a target="_blank" href="http://www.12377.cn/node_548446.htm" class="tb-footer-mod" rel="noopener noreferrer" style="background-position:-650px 0px; width:105px; margin-left:15px; display:inline-block; height: 40px; background-image: url(https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg);">
                </a>
                <a target="_blank" href="http://sq.ccm.gov.cn/ccnt/sczr/service/business/emark/toDetail/2E7819FC84674D5980464916C24B7E3E" class="tb-footer-mod" rel="noopener noreferrer" style="background-position:-345px 0px; width:82px; margin-left:15px; display:inline-block; height: 40px; background-image: url(https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg);">
                </a>
                <a target="_blank" href="https://credit.szfw.org/CX20160715023573390688.html" class="tb-footer-mod" rel="noopener noreferrer" style="background-position:-761px 0px; width:97px; margin-left:15px; display:inline-block; height: 40px; background-image: url(https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg);">
                </a>
            </div>
        </div>
    </div>
    </div>

</body>
<script>
    $(function() {
        // var width
        var widths = $(".swiperBar li").width();
        console.log(widths);
        var index = 0;
        var timer = null;
        player();
        $(".dotBar li").click(function() {

            $(this).addClass("active").siblings().removeClass("active");
            index = $(this).index();
            $(".ddd").animate({
                left: -widths * index
            }, 300)
        })

        $(".lunboone").mouseenter(function() {
            clearInterval(timer);
        }).mouseleave(function() {
            player();
        })

        function player() {
            clearInterval(timer);
            timer = setInterval(function() {
                index++;
                $(".dotBar li").eq(index >= $(".dotBar li").length ? 0 : index).addClass("active").siblings().removeClass("active");
                $(".ddd").animate({
                    left: -widths * index
                }, 300, function() {
                    if (index >= $(".dotBar li").length) {
                        index = 0;
                        $(".ddd").css({
                            left: 0
                        });

                    }
                })
            }, 2000)
        }

        $(".right").click(function() {
            index++;
            if (index >= $(".swiperBar li").length) {
                index = 0;
                $(".ddd").stop().css({
                    left: 0
                });
                index++;
            }
            var indexsum = index >= $(".dotBar li").length ? 0 : index;
            console.log(indexsum);
            $(".dotBar li").eq(indexsum).addClass("active").siblings().removeClass("active");
            $(".ddd").stop().animate({
                left: -widths * index
            }, 300)
        })

        $(".left").click(function() {
            index--;
            if (index < 0) {
                index = $(".swiperBar li").length - 1;
                $(".ddd").stop().css({
                    left: -widths * index
                });
                index--;
            }
            var indexsum = index < 0 ? $(".dotBar li").length - 1 : index;
            $(".dotBar li").eq(indexsum).addClass("active").siblings().removeClass("active");
            $(".ddd").stop().animate({
                left: -widths * index
            }, 300);

        })


    })


    var cookie = document.cookie;
    if (cookie) {
        var user = getCookie("lgc");
        if (user) {
            $(".menu").children().remove();
            $(".menu").append(` <a href="../html/login.html">${user}</a>
            <a class="del">退出</a>`)
            $(".gouwu").click(function() {
                location.href = 'gouwuche.html';
            })
        } else {
            $(".gouwu").click(function() {
                alert("请先登录");
            })
        }
    }

    $(".del").click(function() {
        delCookie("lgc");
        location.reload();


    })
    $(function() {
        var searchCon = document.getElementsByClassName("searchCon")[0];
        var prev = document.getElementsByClassName("prev")[0];
        var next = document.getElementsByClassName("next")[0];
        var searchBtn = document.getElementsByClassName("searchBtn")[0];
        var key = "";
        var orderCol = 'goodsPrice';
        var orderType = 'asc';
        var pageIndex = 1; // 默认显示第一页  => 记录切换后的页码
        var showNum = 20; //每页显示多少条
        var maxPage = 0;
        var Count = 0
        loadGoods();
        $("body").click(function() {
            var e = e || window.event;
            var target = e.target || e.srcElement;
            // if (target.className == "searchBtn") {
            //     // searchCon = target.previousElementSibling;
            //     // key = searchCon.value;
            // } else

            if (target.className == 'orderType') {
                orderType = target.value;
                // key = $(".searchCon").val();
                loadGoods();
            }
        })

        function loadGoods() {
            searchselectlimit({
                key,
                orderCol,
                orderType,
                pageIndex,
                showNum
            }).then(data => {
                var {
                    status,
                    detail,
                    list,
                    count,
                    maxPage
                } = data;
                maxPage = maxPage;
                Count = count;
                if (status) {
                    var html = "";
                    list.forEach(function(item) {
                        var {
                            id,
                            goodsId,
                            goodsName,
                            goodsImg,
                            goodsPrice
                        } = item;
                        html += `
                        <div class="item">
                        <a href="../html/detail.html?gid=${goodsId}"><img src="${goodsImg}" alt=""></a>
                       <h4>${goodsName}</h4>
                       <p class="price"><em>￥</em><span>${goodsPrice}</span></p>
                    </div>
                    `
                    })
                    $(".matter").html(html);
                    pageIndex = pageIndex > maxPage ? maxPage : pageIndex;
                    $(".pageTips").text(`${pageIndex}/${maxPage}`);
                    prev.onclick = function() {
                        if (pageIndex <= 1) return false;
                        pageIndex--;
                        loadGoods();
                    }

                    next.onclick = function() {
                        if (pageIndex >= maxPage) return false;
                        pageIndex++;
                        loadGoods();
                    }
                }
            })
        }
    })


    // })
</script>


</html>